<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<script type="text/javascript" src="../jquery.min.js"></script>
	<script type="text/javascript" src="S.js"></script>
	<link rel="stylesheet" href="S.css" />
	<style type="text/css">
		#DDD{
			width: 300px;
			height:300px;
			margin:100px;
			border:solid 1px #ccc;
		}
	</style>
</head>

<body>

<div id="DDD">
asdfsadfsadf
sadfasdfasdf
</div>

	
</body>

<script type="text/javascript">
	var loading = new S.Loading('正在加载');
	loading.show();
	setTimeout(function() {
		loading.text('加载完成!');
		loading.hide();
	}, 5000);
	
	new S.Loading('正在加载,请稍后,',document.getElementById('DDD')).show();
</script>
</html>